<%@page import="com.apache.tools.DateUtils"%>
<%@page import="java.util.Date"%>
<%@ page contentType="text/html;charset=UTF-8" %>
  <header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo" style="position:relative;">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><img src="${ctx}/common/plateform/img/mini_logo.png" width=50 height=50 /></span>
      <!-- logo for regular state and mobile devices -->
    <span class="logo-lg"> <img src="${ctx}/common/plateform/img/plateform_logo.png" width=205 height=50 /></span>
       
       	<!-- IUS快速开发平台	 -->
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
    
      <!-- Sidebar toggle button
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>-->
      
      <div class="navbar-custom-menu">
      <!-- 品种加载区域start -->
        <form id="cateMenu-form">
        
        	<input type="hidden" name="pageName" value="trpCate-list"/>
        	<input type="hidden" name="formName" value="searchForm"/>
        	<input type="hidden" name="trpCate.w_sysName" value="${sysName}"/>
        	<input type="hidden" name="trpCate.w_delStatus" value="F"/>
        	<input type="hidden" name="trpCate.w_infoTableOne" value="no_use"/>
        </form>
        <ul class="nav navbar-nav" id="cateMenu-body" >
                                  <span></span>
        
        </ul>
       <!-- 品种加载区域end -->
       
        <ul class="nav navbar-nav">
            <li class="hidden">
                <a href="#">
                <span><i class="fa fa-clock-o"></i> 上次刷新时间：<%=new DateUtils().getNow()%></span>
                </a>
             </li>
        <c:if test="${empty param.srcPath}">
            <li>
                <a href="${page_admin}/index-home-sys">
                <span title="返回主页"><i class="fa fa-home"></i></span> 首页
                </a>
             </li>
            <li class="guide-introJs">
                <a href="javascript:void(0);" onclick="showGuideIntroJs()">
                    <span title="查看引导"><i class="fa fa-play-circle-o"></i></span> 操作引导
                </a>
                <script>
                    //手动随时查看分步引导
                    function showGuideIntroJs() {
                        introJs().setOptions({
                            prevLabel: "上一步",
                            nextLabel: "下一步",
                            skipLabel: "跳过",
                            doneLabel: "结束播放",
                            //showBullets: false//是否隐藏直接跳转按钮
                        }).onbeforechange(function(obj) {//更换到新的引导后调用回调函数
                            //console.log("obj",obj);
                            var curNum = parseInt($(obj).attr('data-step').match(/\d+/)[0]);//当前的下标
                            console.log("intro data step curNum",curNum);
                            /**
                            var nextfun = $(obj).attr('data-step-nextfun');
                            console.log("intro nextfun",nextfun);
                            if(!strUtil.isNull(nextfun)){
                                if("pa"==nextfun){
                                    $(obj).parent("a").click();
                                    $(obj).parent("li").find("ul > li > a").click();
                                }else{
                                    window[nextfun]();
                                }
                            }
                            $('.tipStep'+ (curNum-1)).hide();//隐藏前一个
                            $('.tipStep'+ (curNum+1)).hide();//隐藏后一个
                            $(obj).show();//显示当前**/
                        }).oncomplete(function () {
                            //点击跳过按钮后执行的事件
                        }).onexit(function () {
                            //点击结束按钮后， 执行的事件
                        }).start();
                    }
                </script>
            </li>
    </c:if>
    <c:if test="${(loginUser.sysFlag =='1'||loginUser.sysFlag =='2')&&(loginUser.user.customerType =='org')}">
        <li class="userSLock" userKey="/plateform/account_center">
            <a href="${page_admin}/account/index">
                <span title="账户管理"><i class="fa fa-user"></i></span> 账户中心
            </a>
        </li>
    </c:if>
        <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<c:if test="${empty loginUser.user.userRemark}">
			        <img src="${ctx}/images/plateform/person2.png" class="user-image"/>
			  	</c:if>
			  	<c:if test="${!empty loginUser.user.userRemark}">
			       <img src="${loginUser.user.userRemark}" class="user-image"/>
			  	</c:if>

              <span class="hidden-xs">${loginUser.userCname}</span>
              
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
<%--                <img src="${version}/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">--%>
	 			<c:if test="${empty loginUser.user.userRemark}">
			        <img src="${ctx}/images/plateform/person2.png" class="img-circle" onclick="window.location.href='${ctx}/index-nyt.jsp';"/>
			  	</c:if>
			  	<c:if test="${!empty loginUser.user.userRemark}">
			       <img src="${loginUser.user.userRemark}" class="img-circle"/>
			  	</c:if>
                <p>
                  ${loginUser.userCname} 
                  <small>${loginUser.userEname } -
                  <c:if test="${loginUser.sysFlag =='1'}">平台管理员</c:if>
                  <c:if test="${loginUser.sysFlag =='2'}">机构管理员</c:if>
                  <c:if test="${loginUser.sysFlag =='3'}">系统管理员</c:if>
                  </small>
                </p>
              </li>
              <!-- Menu Body -->
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                    <a href="http://www.iussoft.com/" target="_blank" class="btn btn-default btn-flat">IUS官网</a>
                </div>
                  <div class="pull-left userSLock" userKey="/plateform/home_console/cms">
                      <a href="${ctx}/sendPage/cms/admin/index" target="_blank" class="btn btn-default btn-flat">CMS</a>
                  </div>
                <div class="pull-right">
                  <a href="${ctx}/logout?go=/" class="btn btn-default btn-flat">退出</a>
                </div>
              </li>
            </ul>
          </li>
        <li id="top_control_sidebar" class="hidden hidden-xs">
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
        </li>

        </ul>
      </div>
    </nav>
  </header>

<aside class="control-sidebar control-sidebar-dark">
    <div class="tab-content">
        <div id="control-sidebar-theme-demo-options-tab" class="tab-pane active">
            <div>
                <h4 class="control-sidebar-heading">主题皮肤</h4>
                <ul class="list-unstyled clearfix">
                    <li style="float:left; width: 33%; padding: 5px;">
                        <a href="javascript:void(0);" data-skin="skin-blue" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span>
                                <span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div>
                                <span style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span>
                                <span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin">Blue</p>
                    </li>
                    <li style="float:left; width: 33%; padding: 5px;">
                        <a href="javascript:void(0);" data-skin="skin-black" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
                            <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix">
                                <span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span>
                                <span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #222;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin">Black</p>
                    </li>
                    <li style="float:left; width: 33%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-purple"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                       class="bg-purple-active"></span><span class="bg-purple"
                                                                             style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin">Purple</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-green"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                       class="bg-green-active"></span><span class="bg-green"
                                                                            style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin">Green</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-red"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                       class="bg-red-active"></span><span class="bg-red"
                                                                          style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin">Red</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-yellow"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                       class="bg-yellow-active"></span><span class="bg-yellow"
                                                                             style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin">Yellow</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-blue-light"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span
                                    class="bg-light-blue"
                                    style="display:block; width: 80%; float: left; height: 7px;"></span></div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">Blue Light</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
                                                                               data-skin="skin-black-light"
                                                                               style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                                                                               class="clearfix full-opacity-hover">
                        <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span
                                style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span
                                style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span>
                        </div>
                        <div><span
                                style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
                                style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                        </div>
                    </a>
                        <p class="text-center no-margin" style="font-size: 12px">Black Light</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
                                                                               data-skin="skin-purple-light"
                                                                               style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                                                                               class="clearfix full-opacity-hover">
                        <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                   class="bg-purple-active"></span><span class="bg-purple"
                                                                         style="display:block; width: 80%; float: left; height: 7px;"></span>
                        </div>
                        <div><span
                                style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
                                style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                        </div>
                    </a>
                        <p class="text-center no-margin" style="font-size: 12px">Purple Light</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-green-light"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                       class="bg-green-active"></span><span class="bg-green"
                                                                            style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">Green Light</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-red-light"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                       class="bg-red-active"></span><span class="bg-red"
                                                                          style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px">Red Light</p>
                    </li>
                    <li style="float:left; width: 33.33333%; padding: 5px;">
                        <a href="javascript:void(0);"
                           data-skin="skin-yellow-light"
                           style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
                           class="clearfix full-opacity-hover">
                            <div><span style="display:block; width: 20%; float: left; height: 7px;"
                                       class="bg-yellow-active"></span><span class="bg-yellow"
                                                                             style="display:block; width: 80%; float: left; height: 7px;"></span>
                            </div>
                            <div><span
                                    style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
                                    style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
                            </div>
                        </a>
                        <p class="text-center no-margin" style="font-size: 12px;">Yellow Light</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script>
        if(mytools.skin_admin_flag){
            $("#top_control_sidebar").removeClass("hidden");
            $("#control-sidebar-theme-demo-options-tab").find('.list-unstyled').on('click', 'li>a', function(e) {
                var bodyObj = $("body");
                var newSkinClass = $(this).attr("data-skin");
                var className = bodyObj.attr("class");
                var oldSkinClass = strUtil.getClassNameByFix("skin-",className);
                bodyObj.removeClass(oldSkinClass).addClass(newSkinClass);
                strUtil.setLocalStorage(mytools.skin_admin_key,newSkinClass);
            });
        }
    </script>
</aside>